<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>游戏网站</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="fonts/iconfont.css">
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <header>
        <div class="w header">
            <nav class="nav">
                <a href="#" class="logo">
                    <img src="images/logo.png" alt="">
                </a>
                <ul class="nav-meau">
                    <li><a href="备份文件/Index.html">首页</a></li>
                    <li><a href="blog.html" class="active">论坛</a></li>
                    <li><a href="video.html" >视频</a></li>

                    <li><a href="faq.html">问答</a></li>
                    <li><a href="about.html">联系我们</a></li>
                </ul>
            </nav>
            <ul class="user">
                <li><a href="#">登录</a></li>
                <li><a href="#">注册</a></li>
            </ul>
        </div>
    </header>

    <div class="header-bg">
        <img src="images/banner3.jpg" alt="">
        <div class="title">
            论坛
        </div>
    </div>


    <div class="content w py-3 contentBlog">
        <div class="content-l">
            <h4 class="mb-3">消息列表</h4>
            <div class="card mb-3 box">
                <a href="gonggao-detail.html">
                    <div class="row no-gutters">
                        <div class="col-4">
                            <div class="pic">
                                <img src="images/banner1.jpg" class="card-img" alt="...">
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="card-body">
                                <h5 class="card-title">热帖标题</h5>
                                <p class="card-text">文本描述文本描述文本描述文本描述文本描述文本描述文本描述文本描述文本描述文本描述文本描述文本描述文本描述文本描述文本描述文本描述文本描述
                                </p>
                                <p class="card-text"><small class="text-white">发布于3分钟前</small></p>
                            </div>
                        </div>
                    </div>
                </a>

            </div>
            <div class="card mb-3 box">
                <a href="blog-details2.html">
                    <div class="row no-gutters">
                        <div class="col-4">
                            <div class="pic">
                                <img src="images/banner3.jpg" class="card-img" alt="...">
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="card-body">
                                <h5 class="card-title">热帖标题</h5>
                                <p class="card-text">文本描述文本描述文本描述文本描述文本描述文本描述文本描述文本描述文本描述文本描述文本描述文本描述文本描述文本描述文本描述文本描述文本描述
                                </p>
                                <p class="card-text"><small class="text-white">发布于3分钟前</small></p>
                            </div>
                        </div>
                    </div>
                </a>

            </div>
            <div class="card mb-3 box">
                <a href="blog-details3.html">
                    <div class="row no-gutters">
                        <div class="col-4">
                            <div class="pic">
                                <img src="images/banner4.jpg" class="card-img" alt="...">
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="card-body">
                                <h5 class="card-title">热帖标题</h5>
                                <p class="card-text">文本描述文本描述文本描述文本描述文本描述文本描述文本描述文本描述文本描述文本描述文本描述文本描述文本描述文本描述文本描述文本描述文本描述
                                </p>
                                <p class="card-text"><small class="text-white">发布于3分钟前</small></p>
                            </div>
                        </div>
                    </div>
                </a>

            </div>

            <nav aria-label="...">
                <ul class="pagination">
                    <li class="page-item disabled">
                        <a class="page-link" href="#" tabindex="-1">Previous</a>
                    </li>
                    <li class="page-item"><a class="page-link" href="#">1</a></li>
                    <li class="page-item active">
                        <a class="page-link " href="#">2 <span class="sr-only">(current)</span></a>
                    </li>
                    <li class="page-item"><a class="page-link" href="#">3</a></li>
                    <li class="page-item">
                        <a class="page-link" href="#">Next</a>
                    </li>
                </ul>
            </nav>


        </div>
        <div class="content-r">
            <h4 class="mb-3">搜索</h4>
            <div class="search mb-3 row">
                <div class="col-9 pr-0">
                    <input type="text" class="form-control" id="exampleFormControlInput1" placeholder="搜索">
                </div>
                <div class="col-3 ">
                    <button type="button" class="btn btn-dark">搜索</button>
                </div>
            </div>
            <h4 class="mb-3">分类标签</h4>
            <div class="tags mb-3">
                <span class="badge badge-dark">游戏</span>
                <span class="badge badge-dark">攻略</span>
                <span class="badge badge-dark">视频</span>
                <span class="badge badge-dark">文章</span>
                <span class="badge badge-dark">王者荣耀</span>
                <span class="badge badge-dark">英雄联盟</span>
            </div>
            <h4 class="mb-3">网站信息</h4>
            <footer class="footer shadow-lg">
                <p>健康提示</p>
                <p>啦啦啦游戏网,小朋友快来玩啊!</p>
                <p>友情链接</p>
                <p>
                    <a href="#">百度</a>
                    <a href="#">百度</a>
                    <a href="#">百度</a>
                    <a href="#">百度</a>
                </p>
            </footer>
        </div>
    </div>
    <script src="js/jquery-3.4.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>

</body>

</html>
